<template>
  <div class="categroy">
    <side-bar :datas="control" class="side-bar"></side-bar>
    <contents :datas="content" class="contents"></contents>
  </div>
</template>

<script>
import SideBar from "components/private/categroy/CategroySideBar";
import Contents from "components/private/categroy/CategroyContent";
export default {
  name: "Categroy",
  data(){
    return{
      content:null,
      control:null
    }
  },
  components: {
    SideBar,
    Contents
  },
  methods: {
    request() {
      this.$axios({
        url: "/querytab",
        method: "get"
      }).then(res => {
        this.content = res.goods;
        this.control = res.categroy;
      });
    }
  },
  created() {
    this.request()
  }
};
</script>

<style lang="less" scoped>
.categroy {
  padding-bottom: 40PX;
  display: flex;
  
}
</style>